$(function() {
    // 1. 表单校验
    // 使用 bootatrapValidator.js进行校验
    // 校验规则: 
    // 1. 用户名密码非空
    // 2. 用户名长度 2 - 6位
    // 3. 密码长度 6 - 12位

    //使用表单校验插件
$('.login-form').bootstrapValidator({
    //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
    excluded: [':disabled', ':hidden', ':not(:visible)'],
  
    //2. 指定校验时的图标显示，默认是bootstrap风格
    feedbackIcons: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },
  
    //3. 指定校验字段
    fields: {
      //校验用户名，对应name表单的name属性
      username: {
        validators: {
          //不能为空
          notEmpty: {
            message: '用户名不能为空'
          },
          //长度校验
          stringLength: {
            min: 2,
            max: 6,
            message: '用户名必须在2到6之间'
          },
          // 扩展用户名错误
          callback: {
            message: '用户名错误'
          }
        }
      },
    //  密码验证
      password: {
        validators: {
          //不能为空
          notEmpty: {
            message: '密码不能为空'
          },
          //长度校验
          stringLength: {
            min: 6,
            max: 12,
            message: '密码必须在6到12之间'
          },
          // 扩展密码错误
          callback: {
            message: '密码错误'
          }
        }
      },
    }
  
  });
  


    // 2. 重置表单校验,给重置按钮注册点击事件
    $('.btn-reset').on('click', function () {
        // 通过插件实例,调用插件提供的方法 resetForm() 重置校验样式
        $(".login-form").data('bootstrapValidator').resetForm();
    })


    // 注册表单验证成功的校验
    $(".login-form").on('success.form.bv', function (e) {
        e.preventDefault();
        //使用ajax提交逻辑
        // 1. 如果成功了,跳转到首页   location.href = '路径'
        // 2. 如果用户名错了, 提示错误信息
        // 3. 如果密码错了, 提示密码错误

        // 更新字段的状态
        // + NOT_VALIDATED：未校验的
        // + VALIDATING：校验中的
        // + INVALID ：校验失败的
        // + VALID：校验成功的。

        $.ajax({
             type: 'post',
             url: '/employee/employeeLogin',
             data: $('.login-form').serialize(),
             dataType: 'json',
             success: function (res) {
                 console.log(res);

                 // 成功,跳转到首页
                 if(res.success) {
                    location.href = './index.html'
                 }
                 // 用户名错误
                 if(res.error == 1000) {
                     // 第一参数: 用户名
                     // 第二参数: 校验失败的
                     // 第三参数: 是表单验证的回调函数
                     $(".login-form").data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback')
                 }
                 if(res.error == 1001) {
                     $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback')
                 }
             }
         })
    });
})

// size: 一页几条数据
// page: 当前在第几页
// total: 数据总个数